.fixed-banner{overflow: hidden;text-align: center;background-color: #fff;padding: 25px 0;}
.common-inner{padding: 50px 0;}
.common-inner .inner-left{float: left;}
.common-inner .inner-left .pro-sider{float: none;}
.common-inner .inner-right{width: 100%;}
.common-inner .inner-right #main{margin-bottom: 30px;}
.common-inner .inner-right .inner-right-tit{background: #f5f5f5;box-sizing: border-box;height: 60px;border-left: 5px solid #04826c;font-size: 24px;padding-left: 20px;margin-bottom: 20px;line-height: 60px;}
.rig-title{margin-bottom: 30px;border-bottom: 1px solid #dedede;}
.rig-title .crumbs{line-height: 40px;height: 40px;padding-left: 20px;box-sizing: border-box;font-size: 14px;position: relative;}
.rig-title .crumbs:before{display: block;content: '';width: 4px;height: 21px;background: #04826c;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.rig-title .crumbs a{font-size: 14px;color: #000;}
.rig-title .crumbs a:hover{color: #04826c;text-decoration: underline;}
.common-inner .inner-right .search-result{height: 50px;line-height: 50px;background: #f5f5f5;margin: 12px 0 25px;padding: 0 17px;font-size: 14px;color: #595959;}
.common-inner .inner-right .search-result span{color: #dbb0a0;font-weight: bold;}
.common-inner .inner-right .search-result .search-record{float: right;}
/* 产å“列表 */
.common-inner .inner-right .de-product-list{overflow: hidden;min-height: 622px;}
.common-inner .inner-right .de-product-list ul{margin: 0 -8px;}
.common-inner .inner-right .de-product-list ul li{float: left;width: calc(25% - 16px);margin: 0 8px;}
.common-inner .inner-right .de-product-list ul li a{display: block;width: 100%;}
.common-inner .inner-right .de-product-list ul li .img{width: 100%;height: 338px;line-height: 338px;text-align: center;font-size: 0;background-color: #fff;overflow: hidden;border-radius: 10px;}
.common-inner .inner-right .de-product-list ul li .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.common-inner .inner-right .de-product-list ul li a:hover .img img{transform: scale(1.1);}
.common-inner .inner-right .de-product-list ul li a .title{text-align: center;font-size: 16px;color: #333;line-height: 50px;}
.common-inner .inner-right .de-product-list ul li a:hover .title{color: #04826c;}
/* 案例列表 */
.common-inner .inner-right .de-case-list{overflow: hidden;min-height: 622px;}
.common-inner .inner-right .de-case-list ul{margin: 0 -10px;}
.common-inner .inner-right .de-case-list ul li{float: left;width: calc(33.33% - 20px);margin: 0 10px 20px 10px;}
.common-inner .inner-right .de-case-list ul li a{display: block;height: 550px;position: relative;overflow: hidden;}
.common-inner .inner-right .de-case-list ul li .img{height: 100%;width: 100%;overflow: hidden;border-radius: 22px;}
.common-inner .inner-right .de-case-list ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.common-inner .inner-right .de-case-list ul li .box{color: #333;line-height: 1;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;height: 180px;padding: 0 10px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;box-sizing: border-box;background-color: rgba(255,255,255,1);background: linear-gradient(0deg, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);}
.common-inner .inner-right .de-case-list ul li .box .title{font-size: 28px;margin-bottom: 12px;margin-top: 100px;}
.common-inner .inner-right .de-case-list ul li .box .con{font-size: 16px;}
.common-inner .inner-right .de-case-list ul li:hover .img img{transform: scale(1.1);}
.common-inner .de-search-list {
overflow: hidden;
min-height: 622px;
}
.common-inner .de-search-list ul {
margin: 0 -10px;
}
.common-inner .de-search-list ul li {
float: left;
width: 310px;
margin: 0 10px;
}
.common-inner .de-search-list ul li a {
display: block;
}
.common-inner .de-search-list ul li .img {
width: 308px;
height: 308px;
background: #fff;
font-size: 0;
line-height: 308px;
text-align: center;
border: 1px solid #e2e2e2;
overflow: hidden;
}
.common-inner .de-search-list ul li .img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.common-inner .de-search-list ul li .title {
padding: 0 10px;
font-size: 18px;
text-align: center;
height: 50px;
line-height: 50px;
color: #1e1e1e;
}
.common-inner .de-search-list ul li:hover .img img {
transform: scale(1.1);
}
.common-inner .de-search-list ul li:hover .title{
background-color: #04826c;
color: #fff;
}
.common-inner .inner-right .de-search-list {
margin-top: 26px;
}
/* å…¬å¸ç®€ä»‹å†…页 */
.common-inner .inner-right .de-about-content{padding: 0 20px 30px 20px;}
.common-inner .inner-right .de-about-content img{margin: 0 auto;max-width: 100%;}
.common-inner .inner-right .de-about-content p{font-size: 18px;color: #595959;line-height: 40px;text-indent: 2em;}
.common-inner .inner-right .de-about-content p video{ width: 100%;height: 280px;margin: 10px auto;}
.common-inner .inner-right .de-about-list{margin: 0 -14px;}
.common-inner .inner-right .de-about-list li{float: left;width: 279px;margin: 0 14px;height: 170px;position: relative;overflow: hidden;}
.common-inner .inner-right .de-about-list li .img{width: 100%;height: 100%;overflow: hidden;}
.common-inner .inner-right .de-about-list li .img img{width: 100%;height: 100%;object-fit: cover;}
.common-inner .inner-right .de-about-list li .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 10px;display: flex;justify-content: center;flex-direction: column;background-color: rgba(0,0,0,0.2);box-sizing: border-box;color: #fff;line-height: 1;text-align: center;}
.common-inner .inner-right .de-about-list li .text .tit{font-size: 22px;margin-bottom: 10px;}
.common-inner .inner-right .de-about-list li .text .txt{font-size: 18px;text-transform: uppercase;}
/* 新闻列表 */
.common-inner .de-news-list{overflow: hidden;min-height: 644px;}
.common-inner .de-news-list ul li{margin-bottom: 30px;}
.common-inner .de-news-list li a{display: block;border-bottom: 1px solid #8f8f8f;padding-bottom: 20px;}
.common-inner .de-news-list li a .box{display: flex;line-height: 1;margin-bottom: 15px;align-items: center;}
.common-inner .de-news-list li a .box .tit{max-width: calc(100% - 130px);color: #333;font-size: 18px;}
.common-inner .de-news-list li a .box .time{width: 112px;text-align: center;color: #fff;font-size: 14px;line-height: 21px;background-color: #bbb;margin-left: 18px;}
.common-inner .de-news-list li a .con{color: #333;font-size: 14px;line-height: 2;text-align: justify;text-indent: 2em;}
.common-inner .de-news-list li a:hover{border-color: #04826c;}
.common-inner .de-news-list li a:hover .box .tit{color: #04826c;}
.common-inner .de-news-list li a:hover .box .time{background-color: #04826c;}
.common-inner .inner-right .news-detail-content {
overflow: hidden;
}
.common-inner .inner-right .news-detail-content .news-detail-title {
overflow: hidden;
}
.common-inner .inner-right .news-detail-content .news-detail-title .h3 {
font-size: 26px;
text-align: center;
line-height: 32px;
margin: 0px auto 30px;
}
.common-inner .inner-right .news-detail-content .news-detail-title .b {
color: #999;
text-align: center;
line-height: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #04826c;
text-align: center;
height: 30px;
position: relative;
}
.common-inner .inner-right .news-detail-content .news-detail-title .b span{
display: block;
width: 90px;
height: 30px;
text-align: center;
line-height: 30px;
position: absolute;
right: 0;
background: #04826c;
top: 0;
color: #fff;
cursor: pointer;
}
.common-inner .inner-right .news-detail-content .news-detail {
padding: 0 12px 30px;
}
.common-inner .inner-right .news-detail-content .news-detail p {
font-size: 16px;
color: #595959;
line-height: 36px;
}
.common-inner .inner-right .news-detail-content .news-detail img{max-width: 100%;margin: 0 auto;}
.common-inner .inner-right .de-honor-list {
overflow: hidden;
margin: 0 auto;
min-height: 556px;
}
.common-inner .inner-right .de-honor-list .tit{
background: #f5f5f5;
box-sizing: border-box;
height: 60px;
border-left: 5px solid #04826c;
font-size: 24px;
padding-left: 20px;
margin-bottom: 20px;
line-height: 60px;
}
.common-inner .inner-right .de-honor-list ul {
margin: 0 -5px;
}
.common-inner .inner-right .de-honor-list ul li {
float: left;
margin: 0 5px 10px 5px;
overflow: hidden;
width: 330px;
}
.common-inner .inner-right .de-honor-list ul li a {
display: block;
}
.common-inner .inner-right .de-honor-list ul li .img {
width: 328px;
height: 240px;
text-align: center;
line-height: 240px;
font-size: 0;
border: 1px solid #f6f6f6;
background-color: #fff;
overflow: hidden;
}
.common-inner .inner-right .de-honor-list ul li .img img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
transition: all 0.5s;
}
.common-inner .inner-right .de-honor-list ul li .title {
text-align: center;
height: 48px;
padding: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 48px;
font-size: 14px;
color: #595959;
background: #f6f6f6;
transition: all 0.5s;
}
.common-inner .inner-right .de-honor-list ul li:hover .img img {
transform: scale(1.1);
}
.common-inner .inner-right .de-honor-list ul li:hover .title{
background-color: #04826c;
color: #fff;
}
.common-inner .inner-right .de-job-list{
padding-bottom: 19px;
min-height: 645px;
}
.common-inner .inner-right .de-job-list .ijoin dl{
background-color: #04826c;
padding:0px 5%;
}
.common-inner .inner-right .de-job-list .ijoin dl dd{
float:left;
width:70%;
color:#fff;
line-height:40px;
padding:20px 0px;
font-size:20px;
}
.common-inner .inner-right .de-job-list .ijoin dl dd:last-child{
width:30%;
}
.common-inner .inner-right .de-job-list .ijoin ul{
margin-top:30px;
}
.common-inner .inner-right .de-job-list .ijoin ul li{
border-bottom:1px rgba(0,0,0,.15) dashed;
margin-bottom:20px;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp{
padding:25px 5%;
transition:.3s;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp span{
float:left;
width:70%;
color:#333333;
line-height:45px;
font-size:16px;
padding-right: 2%;
box-sizing: border-box;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp span:nth-of-type(2){
width:16%;
padding-right: 0;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp span a{
width:100%;
display:block;
height:43px;
font-size:16px;
border: 1px solid #ea7f0e;
color: #ea7f0e;
cursor:pointer;
text-align:center;
transition:.3s;
line-height: 43px;
float:left;
}
.common-inner .inner-right .de-job-list .ijoin ul li.cur{
border-bottom:0;
box-shadow:0px 0px 30px rgba(0,0,0,.15);
}
.common-inner .inner-right .de-job-list .ijoin ul li.cur .jitp span a{
background:#fff;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp span a:hover{
background-color: #ea7f0e;
color:#fff;
}
.common-inner .inner-right .de-job-list .ijoin ul li.cur .jitp{
background:#e6e6e6;
}
.common-inner .inner-right .de-job-list .ijoin ul li .jitp i{
float: right;
display: block;
height: 30px;
float: right;
cursor: pointer;
width: 30px;
line-height: 30px;
margin-top: 8px;
background-image: url(../images/jiantou.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 10px;
transition: all 0.55s;
transform: rotate(-180deg);
}
.common-inner .inner-right .de-job-list .ijoin ul li.cur .jitp i{
transform: rotate(0deg);
}
.common-inner .inner-right .de-job-list .ijoin .jibt{
display:none;
background-color: #fff;
padding:20px;
}
.common-inner .inner-right .de-job-list .ijoin .jibt section{
padding:15px 0px 15px 20px;
color:#545459;
line-height:26px;
}
.common-inner .inner-right .jobs-info {
padding: 40px 10px 30px;
margin-bottom: 28px;
border-bottom: 1px dashed #ededed;
}
.common-inner .inner-right .jobs-info .h3 {
overflow: hidden;
margin-bottom: 15px;
}
.common-inner .inner-right .jobs-info .h3 .job-name {
float: left;
font-weight: bold;
font-size: 20px;
color: #333333;
width: 450px;
}
.common-inner .inner-right .jobs-info .h3 .job-price {
float: right;
font-weight: bold;
font-size: 24px;
color: #237ed2;
line-height: 1.1;
max-width: 360px;
}
.common-inner .inner-right .jobs-info .h3 .job-price em {
font-weight: normal;
font-size: 16px;
}
.common-inner .inner-right .jobs-info .p {
font-size: 13px;
color: #999999;
line-height: 20px;
margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info .p span {
color: #595959;
}
.common-inner .inner-right .jobs-info .btn {
padding-top: 10px;
overflow: hidden;
}
.common-inner .inner-right .jobs-info .btn a {
display: block;
width: 230px;
height: 44px;
text-align: center;
line-height: 44px;
color: #fff;
background: #237ed2;
font-size: 14px;
}
.common-inner .inner-right .jobs-info .btn a:hover {
background: #dbb0a0;
}
.common-inner .inner-right .jobs-info-content {
padding: 0 20px 30px;
overflow: hidden;
}
.common-inner .inner-right .jobs-info-content h3 {
font-size: 18px;
color: #333333;
font-weight: bold;
line-height: 1.1;
margin-bottom: 10px;
}
.common-inner .inner-right .jobs-info-content p {
font-size: 14px;
color: #333;
line-height: 24px;
}
.newsPage {
border-top: 1px solid #f5f5f5;
padding-top: 10px;
}
.newsPage .page-a {
line-height: 30px;
text-align: left;
color: #fff;
position: relative;
z-index: 2;
margin-bottom: 5px;
padding-left: 5px;
}
.newsPage .page-a:before {
width: 70px;
height: 30px;
background: #a2a2a2;
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
content: '';
}
.newsPage .page-a a {
display: inline-block;
margin-left: 20px;
color: #333;
font-size: 14px;
}
.newsPage .page-a a:hover {
color: #04826c;
text-decoration: underline;
}
.common-inner .inner-right .apply-job {
overflow: hidden;
margin-top: 20px;
}
.common-inner .inner-right .apply-job .job-tr {
overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .tr-over {
overflow: hidden;
}
.common-inner .inner-right .apply-job .job-tr .error {
padding-left: 75px;
height: 18px;
line-height: 18px;
font-size: 12px;
color: #f00;
}
.common-inner .inner-right .apply-job .job-tr .tr-title {
float: left;
width: 50px;
min-height: 20px;
text-align: right;
font-size: 14px;
color: #808080;
margin-right: 25px;
line-height: 40px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont {
float: left;
width: 640px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont h3 {
font-size: 14px;
color: #4c4c4c;
line-height: 40px;
font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[type=text] {
line-height: 38px;
font-size: 14px;
color: #333;
display: block;
padding: 0 10px;
width: 618px;
height: 38px;
border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont input[name='captcha'] {
font-size: 14px;
line-height: 38px;
color: #333;
width: 190px;
float: left;
margin-right: 30px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify {
cursor: pointer;
float: left;
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont .verify img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont textarea {
font-size: 14px;
color: #333;
display: block;
height: 170px;
line-height: 20px;
padding: 5px 10px;
width: 618px;
border: 1px solid #e6e6e6;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont {
line-height: 40px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont input[type=radio] {
margin-right: 10px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont.radio-cont label {
margin-right: 30px;
color: #4c4c4c;
line-height: 40px;
font-weight: bold;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit {
display: block;
width: 190px;
height: 40px;
line-height: 40px;
text-align: center;
background: #237ed2;
color: #fff;
font-size: 15px;
}
.common-inner .inner-right .apply-job .job-tr .tr-cont a.submit:hover {background: #dbb0a0;}
/* 在线留言内页 */
.common-inner .inner-right .de-message{overflow: hidden;padding: 0 5px 50px;}
.common-inner .inner-right .de-message .tit{font-size: 28px;color: #04826c;font-weight: bold;line-height: 40px;}
.common-inner .inner-right .de-message .tips{font-size: 13px;line-height: 55px;color: #737373;}
.common-inner .inner-right .de-message .mes-form{overflow: hidden;}
.common-inner .inner-right .de-message .mes-form .form-tr{overflow: hidden;float: left;width: 50%;margin-bottom: 10px;}
.common-inner .inner-right .de-message .mes-form .form-tr input{display: block;width: 398px;background: transparent;height: 40px;padding: 6px 15px;-webkit-box-shadow: none;box-shadow: none;font-size: 14px;border: 1px solid #e1e1e1;}
.common-inner .inner-right .de-message .mes-form .form-tr input.tel,
.common-inner .inner-right .de-message .mes-form .form-tr input.email{width: 418px;}
.common-inner .inner-right .de-message .mes-form .form-tr textarea{display: block;width: 868px;height: 168px;line-height: 40px;background: transparent;padding: 6px 15px;-webkit-box-shadow: none;box-shadow: none;font-size: 14px;border: 1px solid #e1e1e1;}
.common-inner .inner-right .de-message .mes-form .form-tr .code{overflow: hidden;}
.common-inner .inner-right .de-message .mes-form .form-tr .code input{float: left;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify{cursor: pointer;float: left;margin-left: 25px;width: 180px;height: 50px;line-height: 50px;text-align: center;font-size: 0;}
.common-inner .inner-right .de-message .mes-form .form-tr .code .verify img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit{background: #04826c;color: #fff;width: 50%;padding: 10px 0;text-align: center;border: 0;font-size: 20px;border-radius: 0;text-transform: capitalize;display: block;display: inline-block;position: relative;overflow: hidden;}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: .3;z-index: 9;content: '';-webkit-transition: -webkit-transform 0.6s;transition: -webkit-transform 0.6s;transition: transform 0.6s;transition: transform 0.6s, -webkit-transform 0.6s;-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, 100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, 100%, 0);}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover:before{-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, -100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, -100%, 0);}
.common-inner .inner-right .de-message .mes-form .form-tr .submit:hover,
.common-inner .inner-right .de-message .mes-form .form-tr .submit:focus,
.common-inner .inner-right .de-message .mes-form .form-tr .submit:active{background-color: #333;color: #fff;}
.common-inner .inner-right .de-message .mes-form .form-tr .error{height: 18px;line-height: 18px;font-size: 12px;color: #f00;padding: 0 5px;}
/* è”系我们内页 */
.common-inner .contact-list{overflow: hidden;margin-bottom: 60px;}
.common-inner .contact-list .list{float: left;width: 400px;}
.common-inner .contact-list .list li{color: #333;font-size: 18px;line-height: 40px;}
.common-inner .contact-list .list li a{color: #333;}
.common-inner .contact-list .list li a:hover{color: #04826c;}
.common-inner .contact-list .ewm{float: left;width: 165px;padding: 0 45px;border-right: 1px solid #04826c;}
.common-inner .contact-list .ewm img{max-width: 100%;border-radius: 10px;overflow: hidden;}
.common-inner .contact-list .mes-form{float: right;width: calc(100% - 700px);overflow: hidden;}
.common-inner .contact-list .mes-form input,
.common-inner .contact-list .mes-form textarea{border: none;width: 48%;float: left;line-height: 45px;font-size: 14px;color: #333;background-color: #fff;border-radius: 10px;padding: 0 20px;box-sizing: border-box;margin-bottom: 15px;}
.common-inner .contact-list .mes-form textarea{width: 100%;height: 90px;}
.common-inner .contact-list .mes-form input.name,
.common-inner .contact-list .mes-form input.email{margin-right: 4%;}
.common-inner .contact-list .mes-form input.captcha{width: calc(48% - 144px);}
.common-inner .contact-list .mes-form .code{float: left;width: 144px;height: 45px;line-height: 45px;text-align: center;font-size: 0;}
.common-inner .contact-list .mes-form .code img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;border-radius: 10px;}
.common-inner .contact-list .mes-form .btn-box{float: right;width: 48%;overflow: hidden;}
.common-inner .contact-list .mes-form .btn-box a.submit{display: block;width: 100%;height: 45px;text-align: center;line-height: 45px;background-color: #04826c;color: #fff;font-size: 16px;border-radius: 10px;}
.common-inner .contact-list .mes-form .btn-box a.submit:hover{background-color: #333;}
.common-inner .contact-map{overflow: hidden;border: 1px solid #04826c;border-radius: 10px;}
.common-inner .contact-map #dituContent{width: 100%;height: 360px;margin: 0 auto;}
.inner-contact {
width: 260px;
margin-top: 18px;
}
.inner-contact .title {
height: 80px;
background: url(../images/i-pro-title.jpg) no-repeat center;
text-align: center;
line-height: 1;
overflow: hidden;
}
.inner-contact .title h3 {
margin-top: 20px;
font-size: 22px;
color: #fff;
margin-bottom: 5px;
}
.inner-contact .title em {
font-size: 13px;
color: #728dbc;
}
.inner-contact .contact-box {
min-height: 180px;
border: 1px solid #ededed;
border-top: none;
background: #fff;
padding: 20px 20px 10px;
padding-right: 5px;
}
.inner-contact .contact-box .contact-item {
overflow: hidden;
padding-left: 60px;
font-size: 14px;
color: #595959;
line-height: 20px;
margin-bottom: 10px;
word-wrap: break-word;
}
.inner-contact .contact-box .contact-item .act {
float: left;
width: 60px;
margin-left: -60px;
color: #808080;
}
/* 产å“详情 */
.prodect-Info{overflow: hidden;min-height: 500px;padding: 50px 0;}
.prodect-Info .inner-right{width: 100%;}
.prodect-Info .info-main{overflow: hidden;}
.prodect-Info .info-main .info-preview{float: left;width: 502px;}
.prodect-Info .info-main .info-main-rig{float: right;width: calc(100% - 550px);overflow: hidden;padding-top: 20px;}
.prodect-Info .info-main .info-main-rig .title{font-size: 22px;color: #444;line-height: 1;padding-bottom: 15px;letter-spacing: 2px;position: relative;}
.prodect-Info .info-main .info-main-rig .title::after{content: '';position: absolute;left: 0;bottom: 0;width: 40px;height: 2px;background-color: #04826c;}
.prodect-Info .info-main .info-main-rig .info{margin-top: 20px;padding-bottom: 30px;border-bottom: 1px solid #eee;}
.prodect-Info .info-main .info-main-rig .info .desc p{font-size: 15px;color: #666;line-height: 30px;}
.prodect-Info .info-main .info-main-rig .info .desc p a{color: #666;}
.prodect-Info .info-main .info-main-rig .info .desc p a:hover{color: #04826c;}
.prodect-Info .info-main .info-main-rig .info .desc p span{font-weight: bold;font-size: 16px;}
.prodect-Info .info-main .info-main-rig .info .link p{line-height: 24px;color: #666;font-size: 16px;margin-bottom: 10px;}
.prodect-Info .info-main .info-main-rig .info .link p span{font-size: 24px;font-weight: bold;color: #04826c;}
.prodect-Info .info-main .info-main-rig .info .img{display: flex;margin-top: 25px;}
.prodect-Info .info-main .info-main-rig .info .img h3{font-size: 14px;margin-top: 8px;text-align: center;}
.prodect-Info .info-main .info-main-rig .info .img .wxBox{margin-right: 30px;}
.prodect-Info .info-main .info-main-rig .info .img img{display: block;border: 1px solid #f1f1f1;width: 160px;height: 160px;}
.prodect-Info .info-main .info-main-rig .info .param{margin-top: 16px;}
.prodect-Info .info-main .info-main-rig .info .param p{font-size: 14px;line-height: 25px;margin-bottom: 10px;color: #999;}
.prodect-Info .info-center{overflow: hidden;}
.prodect-Info .info-center .infoCenter-right .center-title{line-height: 50px;margin: 20px auto 0;background: #dbdbdb;}
.prodect-Info .info-center .infoCenter-right .center-title span{font-size: 20px;display: block;line-height: 50px;background: #04826c;width: 160px;text-align: center;color: #fff;}
.prodect-Info .info-center .infoCenter-right .center-content{overflow: hidden;padding: 30px 0;}
.prodect-Info .info-center .infoCenter-right .center-content p{font-size: 18px;color: #595959;line-height: 30px;padding: 5px 0;}
.prodect-Info .info-center .infoCenter-right .center-content img{max-width: 100%;}
.prodect-Info .info-center .infoCenter-right .center-content table{max-width: 100%;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab{font-family: '微软雅黑';width: 100%;border-collapse: collapse;table-layout: fixed;margin-bottom: 20px;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr th{width: 50%;text-align: center;font-size: 15px;color: #262626;background: #f6f6f6;border: 1px solid #e6e6e6;line-height: 48px;font-weight: bold;}
.prodect-Info .info-center .infoCenter-right .center-content table.contentTab tr td{line-height: 45px;color: #595959;font-size: 15px;text-align: center;border: 1px solid #e6e6e6;}
/* çƒå“推è */
.hots-goods h4{line-height: 46px;border-bottom: 2px solid #dfdfdf;box-sizing: border-box;font-size: 24px;position: relative;margin: 40px auto 20px;}
.hots-goods h4:after{display: block;width: 130px;content: '';background: #04826c;height: 2px;position: absolute;left: 0;bottom: -2px;}
.hots-goods h4 span{display: inline-block;line-height: 46px;color: #c2c2c1;vertical-align: middle;margin-left: 10px;font-size: 14px;}
.hots-goods ul{margin: 0 -10px;}
.hots-goods ul li{float: left;width: calc(20% - 20px);margin: 0 10px;}
.hots-goods ul li a{display: block;overflow: hidden;}
.hots-goods ul li a .img{width: 100%;height: 264px;line-height: 264px;font-size: 0;overflow: hidden;text-align: center;background-color: #fff;border-radius: 10px;}
.hots-goods ul li a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.hots-goods ul li a p{padding: 0 10px;line-height: 40px;color: #333;font-size: 14px;text-align: center;}
.hots-goods ul li:hover img{transform: scale(1.1);}
.hots-goods ul li:hover a p{color: #04826c;}
/* 产å“详情多图 */
#MagnifierWrap2{position: relative;width: 502px;z-index: 10;}
.MagnifierMain{position: relative;width: 500px;height: 500px;font-size: 0;text-align: center;line-height: 500px;border: 1px solid #e6e6e6;}
.MagnifierMain img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.MagnifierDrag{position: absolute;top: 0;left: 0;background-color: #ccc;opacity: 0.4;filter: alpha(opacity=40);cursor: move;}
.MagnifierPop{position: absolute;top: 0;overflow: hidden;background: #fff;}
.MagnifierImg{position: absolute;top: 0;left: 0;}
.spec-items{display: none;position: relative;width: 340px;height: 64px;overflow: hidden;padding-top: 20px;margin: 0 auto;}
.spec-items ul{width: 500%;position: absolute;top: 20px;left: 0;}
.spec-items ul *{-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.spec-items li{width: 60px;height: 60px;line-height: 60px;text-align: center;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #eee;font-size: 0;cursor: pointer;}
.spec-items li.on{border: 2px solid #04826c;}
.spec-items li img{display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle;}
span.spe_leftBtn,
span.spe_rightBtn{position: absolute;bottom: 0px;display: none;width: 20px;height: 64px;line-height: 64px;text-align: center;font-size: 21px;font-weight: 700;color: #ddd;cursor: default;background-color: #f9f9f9;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
span.on{background-color: #f9f9f9;color: #0058b1;cursor: pointer;}
span.spe_leftBtn{left: 0;background: url(../images/p-detail-left.png) no-repeat center;}
span.spe_leftBtn.on{background: url(../images/p-detail-left-active.png) no-repeat center;}
span.spe_rightBtn{right: 0;background: url(../images/p-detail-right.png) no-repeat center;}
span.spe_rightBtn.on{background: url(../images/p-detail-right-active.png) no-repeat center;}
.de-page-mian {
overflow: hidden;
text-align: center;
font-size: 0;
padding: 10px 0 35px;
}
.de-page-mian .page-inner {
display: inline-block;
overflow: hidden;
}
.de-page-mian .page-inner a {
display: block;
float: left;
min-width: 26px;
padding: 0 5px;
height: 36px;
border: 1px solid #dddddd;
background: #fff;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin-right: -1px;
overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
color: #fff;
border-color: #04826c;
background: #04826c;
}
.de-page-mian .page-inner a.prev {
margin-right: 10px;
background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
margin-left: 10px;
margin-right: 15px;
background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
background-color: #fff;
border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
font-size: 12px;
margin-right: 0;
width: 63px;
margin-left: 10px;
display: none;
}
.de-page-mian .page-inner span {
display: none;
font-size: 12px;
color: #333;
float: left;
line-height: 38px;
}
.de-page-mian .page-inner input {
display: none;
float: left;
height: 36px;
width: 36px;
border: 1px solid #dddddd;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333;
margin: 0 5px;
}
/* 相关推è */
.tianjian{box-sizing: border-box;padding: 8px 20px;background: #fff;margin: 30px auto;}
.tianjian h3{height: 55px;font-size: 24px;font-weight: normal;line-height: 55px;color: #4b4a4a;}
.tianjian li{display: block;height: 45px;border-top: 1px dashed #dbdbdb;}
.tianjian li a{display: block;color: #4b4a4a;line-height: 45px;}
.tianjian li a h4{float: left;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tianjian li a p{float: right;width: 10%;text-align: right;}
.tianjian li a:hover{color: #04826c;}
/* æœç´¢åˆ†é¡µ */
.search_pagenation{text-align: center;padding: 30px 0;}
.search_pagenation a{display: inline-block;width: 80px;height: 35px;font-size: 14px;background: #04826c;color: #fff;line-height: 35px;margin:0 5px;}
.search_pagenation a:hover{background-color: #e79332;}
.search_pagenation .noothers {display: none;}
/*# sourceMappingURL=./inner.css.map */
.common-inner .inner-right .de-service-list {
overflow: hidden;
min-height: 622px;
}
.common-inner .inner-right .de-service-list ul {
margin: 0 -10px;
}
.common-inner .inner-right .de-service-list ul li {
float: left;
width: 403px;
margin: 0 10px;
}
.common-inner .inner-right .de-service-list ul li a {
display: block;
}
.common-inner .inner-right .de-service-list ul li .img {
width: 100%;
height: 258px;
background: #fff;
font-size: 0;
line-height: 258px;
text-align: center;
overflow: hidden;
}
.common-inner .inner-right .de-service-list ul li .img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s;
}
.common-inner .inner-right .de-service-list ul li .title {
padding: 10px;
font-size: 18px;
line-height: 36px;
color: #1e1e1e;
}
.common-inner .inner-right .de-service-list ul li:hover .img img {
transform: scale(1.1);
}
.common-inner .inner-right .de-service-list {
margin-top: 26px;
}
/* 视频列表 */
.common-inner .inner-right .de-video-list{overflow: hidden;min-height: 622px;}
.common-inner .inner-right .de-video-list ul{margin: 0 -5px;}
.common-inner .inner-right .de-video-list ul li{float: left;width: 296px;margin: 0 5px 10px 5px;}
.common-inner .inner-right .de-video-list ul li a{display: block;width: 100%;height: 320px;position: relative;}
.common-inner .inner-right .de-video-list ul li a .img{width: 100%;height: 100%;overflow: hidden;}
.common-inner .inner-right .de-video-list ul li a .img img{width: 100%;height: 100%;object-fit: cover;}
.common-inner .inner-right .de-video-list ul li a .icon{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.common-inner .inner-right .de-video-list ul li a .icon img{max-width: 46px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.common-inner .inner-right .de-video-list ul li a:hover .img img{transform: scale(1.1);}
.common-inner .inner-right .de-video-list ul li a:hover .icon{background-color: rgba(0, 0, 0, 0.5);}
.common-inner .inner-right .de-video-list ul li a:hover .icon img{-webkit-filter: brightness(1) invert(0);filter: brightness(1) invert(0);transform:rotate(90deg);}
/* å…¬å¸ç®€ä»‹ */
.company-list{overflow: hidden;}
.company-list .list1{background-color: #f5f5f5;padding: 100px 0;background-image: url(../images/companybg.png);background-position: center;background-repeat: no-repeat;}
.company-list .list1 .top{line-height: 1;text-align: center;margin-bottom: 40px;}
.company-list .list1 .top .t1{color: #333;font-size: 28px;}
.company-list .list1 .top .t2{color: #999;font-size: 14px;margin: 8px 0 15px 0;letter-spacing: 1px;}
.company-list .list1 .top .t3{color: #333;font-size: 18px;line-height: 36px;width: 900px;margin: 0 auto;}
.company-list .list1 .list{display: flex;justify-content: space-between;align-items: center;width: 960px;margin: 0 auto;}
.company-list .list1 .list li{line-height: 1;text-align: center;}
.company-list .list1 .list li .img{width: 300px;margin: 0 auto;}
.company-list .list1 .list li .img img{max-width: 100%;}
.company-list .list1 .list li .tit{color: #333;font-size: 30px;margin: 15px 0 10px 0;}
.company-list .list1 .list li .tags{line-height: 50px;color: #333;font-size: 46px;font-weight: 700;position: relative;z-index: 1;}
.company-list .list1 .list li .tags::before{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 266px;height: 11px;background-color: #04826c;z-index: -1;}
.company-list .list1 .list li .con{margin-top: 10px;color: #333;font-size: 20px;text-align: left;line-height: 40px;margin-left: 70px;}
.company-list .list1 .list li .con p{padding-left: 18px;position: relative;}
.company-list .list1 .list li .con p::before{content: '';position: absolute;left: 0;top: 50%;width: 8px;height: 8px;background-color: #04826c;border-radius: 50%;transform: translateY(-50%);}
.company-list .list2{background-color: #fff;padding: 100px 0;}
.company-list .list2 .list{position: relative;margin-top: 30px;}
.company-list .list2 .list #honor{padding: 6px;}
.company-list .list2 .list .swiper-slide a{display: block;width: 100%;}
.company-list .list2 .list .swiper-slide a .img{height: 450px;line-height: 450px;text-align: center;font-size: 0;background-color: #fff;box-shadow: 0 0 3px 3px rgba(1,61,50,0.24);border-radius: 5px;overflow: hidden;}
.company-list .list2 .list .swiper-slide a .img img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.company-list .list2 .list .swiper-slide a .tit{text-align: center;color: #333;font-size: 18px;line-height: 1;margin-top: 20px;}
.company-list .list2 .list .swiper-slide a:hover img{transform: scale(1.1);}
.company-list .list2 .list .swiper-slide a:hover .tit{color: #04826c;}
.company-list .list2 .list .honor-prev::after,
.company-list .list2 .list .honor-next::after{display: none;}
.company-list .list2 .list .honor-prev,
.company-list .list2 .list .honor-next{width: 34px;height: 33px;margin-top: 0;top: 50%;transform: translateY(-50%);background-position: center;background-repeat: no-repeat;background-size: cover;}
.company-list .list2 .list .honor-prev{background-image: url(../images/honor-left.png);left: -60px;}
.company-list .list2 .list .honor-next{background-image: url(../images/honor-right.png);right: -60px;}
.company-list .list3{background-color: #fff;padding-bottom: 100px;}
.company-list .list3 .content{background-color: #f5f5f5;padding: 10px 15px 20px 15px;border-radius: 10px;margin: 35px 0 25px 0;}
.company-list .list3 .content .tit{color: #04826c;font-size: 24px;line-height: 45px;margin-top: 20px;}
.company-list .list3 .content .con{color: #333;font-size: 18px;line-height: 38px;}
.company-list .list3 .content .con span{color: #04826c;font-weight: 700;}
.company-list .list3 #main .youshi-main{background-color: #fff;padding: 0;}
/* 产å“分类 */
.type-list{margin: 0 0 25px 0;overflow: hidden;}
.type-list .type1{display: flex;justify-content: center;align-items: center;}
.type-list .type1 li{margin: 0 60px;}
.type-list .type1 li a{display: block;padding: 0 100px;line-height: 50px;color: #333;font-size: 22px;}
.type-list .type1 li a:hover,
.type-list .type1 li a.active{background-color: #fff;color: #04826c;}
.type-list .type2{background-color: #fff;padding: 20px 50px;}
.type-list .type2 li{float: left;width: 20%;}
.type-list .type2 li a{display: block;padding-left: 20px;color: #333;font-size: 18px;line-height: 40px;position: relative;}
.type-list .type2 li a::before{content: '';position: absolute;top: 50%;left: 0;width: 9px;height: 9px;background-color: #bebebe;border-radius: 50%;transform: translateY(-50%);transition: all 0.5s ease-in-out;}
.type-list .type2 li a:hover,
.type-list .type2 li a.active{color: #04826c;}
.type-list .type2 li a:hover::before,
.type-list .type2 li a.active::before{background-color: #04826c;}